<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<base href="<%=basePath%>" />
<title>查看用户点温度</title>

<script type="text/javascript">
		var path = "<%=basePath%>";
</script>

<!-- <meta http-equiv="pragma" content="no-cache" /> -->
<!-- <meta http-equiv="cache-control" content="no-cache" /> -->
<!-- <meta http-equiv="expires" content="0" /> -->

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!-- 整体显示布局的css -->
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>temperature/css_4X4/temperature.css" />
<!-- 树的显示布局的css -->
<link rel="stylesheet"
	href="<%=basePath%>temperature/css_4X4/zTreeStyle.css" type="text/css" />
<link rel="stylesheet" 
	href="<%=basePath%>temperature/css_4X4/tip-darkgray.css" type="text/css" />
	<!-- 时间选择css -->
<link rel="stylesheet"
	href="<%=basePath%>temperature/css_4X4/querytime.css" type="text/css" />
<script type="text/javascript"
	src="<%=basePath%>temperature/js_4X4/jquery-1.4.4.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>temperature/js_4X4/jquery.ztree.core-3.5.js"></script>
<!-- 树的模板格式 -->
<!-- <script type="text/javascript" -->
<%-- 	src="<%=basePath%>temperature/js_4X4/jquery-ztree.format.js"></script> --%>
	
<script type="text/javascript" 
 	src="<%=basePath%>temperature/js_4X4/ztree.format.js"></script>
	
	
<script type="text/javascript"
	src="<%=basePath%>temperature/js_4X4/echarts.js"></script>
<script type="text/javascript" 
	src="<%=basePath%>temperature/js_4X4/jquery.poshytip.js"></script>
<script type="text/javascript"
	src="<%=basePath%>temperature/datepicker/datepicker.js"></script>

<!-- 页面加载的其他重要js -->
<script type="text/javascript"
	src="<%=basePath%>temperature/js_4X4/temperJsAll.js"></script>




</head>
<body class="welcome" id="body" onmousedown="hidetip()">

	<!-- 折线提示框 -->
	<div id="main" style="opacity:0.888;background: #ffffff;width:350px;height:250px;display:none; position:absolute; z-index:2; border: 2px solid #617775;"></div>
	<!-- 提示框js格式 -->
	<script type="text/javascript" src="<%=basePath%>temperature/js/myEcharts.js"></script>
	
	
	
	
	<!--时间选择弹窗-->
	<div id="div1" class="div1"></div>
	<!--这是要覆盖网页的层，不必写任何东西-->
	<div id="div2" class="div2">
		<!--这是弹出的模式窗口层-->
		<div id="div3">
			<!--用来关闭显示，在label中加了onclick事件，与鼠标悬停手的样式-->
			<div style="float: left;">
				<img alt="" src="<%=basePath%>temperature/images/user-img/icon_dialog.gif" style="bottom: -2px; position: relative;" /> <font size="2px" color="#ffffff">请选择查询时间</font>
			</div>
			<div style="margin-top: 0px; position: relative; cursor: pointer; float: right; height: 16px; width: 28px; background-image: url('<%=basePath%>temperature/images/user-img/dialog_closebtn.gif');"
				onmouseover="this.style.backgroundImage='url(<%=basePath%>temperature/images/user-img/dialog_closebtn_over.gif)'"
				onmouseout="this.style.backgroundImage='url(<%=basePath%>temperature/images/user-img/dialog_closebtn.gif)'" onclick="closeShow()"></div>
		</div>
		<br />
		<div id="times" style="opacity: 1;" align="center">
			<input name="birthday" id="user_birthday" type="text" class="s_input" value="<s:date name='user.birthday' format='yyyy-MM-dd' nice='false' />" onclick="selectDate(this,'yyyy-MM-dd')" readonly="readonly" /> 
			<img src="<%=basePath%>resources/datepicker/calendar.jpg" onclick="txtSelectDate('user_birthday','yyyy-MM-dd')" style="bottom: -3px; position: relative;" />
			<div style="background-color: #F6F6F6; bottom: -40px; height: 47px; position: relative;" align="center">
				<hr />
				<input id="ButtonOK" type="button" value="确 定" onclick="closeShow()"
					style="margin-left: 5px; margin-right: 5px; background: transparent url('<%=basePath%>temperature/images/user-img/btn.gif') repeat scroll 0% 0%; width: 75px; height: 24px; border: medium none; color: rgb(102, 102, 102); line-height: 24px; text-align: center; text-decoration: none;"
					onmouseover="this.style.background='url(<%=basePath%>temperature/images/user-img/btn_hover.gif)'"
					onmouseout="this.style.background='url(<%=basePath%>temperature/images/user-img/btn.gif)'" />
				<input id="ButtonCancel" type="button" onclick="closeShow()" value="取 消"
					style="margin-left: 5px; margin-right: 5px; background: transparent url('<%=basePath%>temperature/images/user-img/btn.gif') repeat scroll 0% 0%; width: 75px; height: 24px; border: medium none; color: rgb(102, 102, 102); line-height: 24px; text-align: center; text-decoration: none;"
					onmouseover="this.style.background='url(<%=basePath%>temperature/images/user-img/btn_hover.gif)'"
					onmouseout="this.style.background='url(<%=basePath%>temperature/images/user-img/btn.gif)'" />
			</div>
		</div>
	</div>
	
	
	
	
	

	<div id="content_wrap" >
		<!-- 左侧查询树 -->
		<div id="left">
			<div class="zTreeDemoBackground">
				<ul id="treeDemo" class="ztree"></ul>
			</div>
		</div> <!-- left -->
		<div id="container">
		<div class="content_all" align="center">
		
			<!-- 顶部单元号显示 -->
			<div class="heading" align="center">
				<div id="unitShow" title="单元显示" style="z-index: 1">2单元</div>
				<div id="buildingShow" title="小区楼栋显示" style="z-index: 1"></div>
				<div id="timeShow" title="时间显示" style="z-index: 1"></div>
			</div>
			
			
			<!-- 顶层用户温度点显示 -->
			<div class="user-top" align="center">
				<div id="top-1" onclick="showtip(event)">
					<div id="number" title="温度显示">
						<font color="red" size="4"> 49.0℃ </font>
					</div>
					<div id="house" title="门牌号显示">1-401</div>
				</div>
				<div id="top-2" onclick="showtip(event)">
					<div id="number">19.0℃</div>
					<div id="house">1-402</div>
				</div>
				<div id="top-3" onclick="showtip(event)">
					<div id="number">20.0℃</div>
					<div id="house">1-403</div>
				</div>
				<div id="top-4" onclick="showtip(event)">
					<div id="number">19.5℃</div>
					<div id="house">1-404</div>
				</div>
			</div>
			<!-- 中间条样式 -->
			<div id="middle-1">
				<font>&nbsp;</font>
			</div>
			<!-- 中层用户温度点显示 -->
			<div class="user-centre" align="center">
				<div id="centre-1" onclick="showtip(event)">
					<div id="number">23.0℃</div>
					<div id="house">1-301</div>
				</div>
				<div id="centre-2" onclick="showtip(event)">
					<div id="number">23.0℃</div>
					<div id="house">1-302</div>
				</div>
				<div id="centre-3" onclick="showtip(event)">
					<div id="number">24.0℃</div>
					<div id="house">1-303</div>
				</div>
				<div id="centre-4" onclick="showtip(event)">
					<div id="number">24.5℃</div>
					<div id="house">1-304</div>
				</div>
			</div>
			<!-- 中间条样式 -->
			<div id="middle-2">
				<font>&nbsp;</font>
			</div>
			<!-- 底层用户温度点显示 -->
			<div class="user-bottom" align="center">
				<div id="bottom-1" onclick="showtip(event)">
					<div id="number">
						<font color="#0000f" size="4">12.0℃</font>
					</div>
					<div id="house">1-201</div>
				</div>
				<div id="bottom-2" onclick="showtip(event)">
					<div id="number">
						<font color="#0000f" size="4">14.0℃</font>
					</div>
					<div id="house">1-202</div>
				</div>
				<div id="bottom-3" onclick="showtip(event)">
					<div id="number">
						<font color="#0000f" size="4">13.0℃</font>
					</div>
					<div id="house">1-203</div>
				</div>
				<div id="bottom-4" onclick="showtip(event)">
					<div id="number">
						<font color="#0000f" size="4">13.2℃</font>
					</div>
					<div id="house">1-204</div>
				</div>
			</div>

			<!-- 中间条样式 -->
			<div id="middle-3">
				<font>&nbsp;</font>
			</div>
			<!-- 底层用户温度点显示 -->
			<div class="user-four" align="center">
				<div id="four-1" onclick="showtip(event)">
					<div id="number">20.8℃</div>
					<div id="house">1-101</div>
				</div>
				<div id="four-2" onclick="showtip(event)">
					<div id="number">20.5℃</div>
					<div id="house">1-102</div>
				</div>
				<div id="four-3" onclick="showtip(event)">
					<div id="number">21.3℃</div>
					<div id="house">1-103</div>
				</div>
				<div id="four-4" onclick="showtip(event)">
					<div id="number">25.5℃</div>
					<div id="house">1-104</div>
				</div>
			</div>
			<!-- 底层黄条样式 -->
			<div class="page-all" align="center">
				<div id="yellow"></div>
				<div id="next" title="下一页">
					<a id="anext" href="<%=basePath%>temperature/jsp/temperature1.jsp">
						<font id="nexts"> 下一页 </font>
					</a>
				</div>
				<div id="back" title="上一页">
					<a id="aback" href="<%=basePath%>temperature/jsp/temperature1.jsp">
						<font id="backs"> 上一页 </font>
					</a>
				</div>
			</div>
		</div>
		<!-- 底层热表图片 -->
		<div class="table">
			<div id="table-No1"></div>
			<div id="table-No2"></div>
		</div>
		
		<div id="thisDiv" class="thisdiv" style="border-style:double;">
				<p id="sharp_one"></p>
				<div style="text-align:center;">热量表号：68048115</div>
				<table border="0" cellspacing="1" cellpadding="3">
					<tr>
						<td style="border:1px solid #FFFFFF;">供水温：13.49  ℃</td>				
						<td style="border:1px solid #FFFFFF;">回水温：13.25  ℃</td>				
					</tr>
					<tr>
						<td style="border:1px solid #FFFFFF;">累计热量：4564.0 Gj</td>
						<td style="border:1px solid #FFFFFF;">累计流量：15964.0 m³</td>
					</tr>
				</table>
			</div>
		<div id="thisTable"  class="thistable" style="border-style:double;">
				<p id="sharp_two"></p>
				<div style="text-align:center;">热量表号：68052850</div>
				<table border="0" cellspacing="1" cellpadding="3">
					<tr>
						<td style="border:1px solid #FFFFFF;">供水温：14.58  ℃</td>				
						<td style="border:1px solid #FFFFFF;">回水温：14.35  ℃</td>				
					</tr>
					<tr>
						<td style="border:1px solid #FFFFFF;">累计热量：2105.5 Gj</td>
						<td style="border:1px solid #FFFFFF;">累计流量： 39027.6 m³</td>
					</tr>
				</table>
			</div>
		<!-- 详细数据显示 -->
		</div><!-- container -->
		
		<!-- 右侧楼栋平均数据显示 -->
		<div id="tempValue" align="center">
			<p id="sharp_stree" style="z-index: 1"></p>
			<div id="tempFont">
				<div id="temoFont_value">
					<font>楼栋平均温度：</font>
					<font size="4" color="#00FF01">21 ℃</font>
				</div>
				<div id="temoFont_value">
					<font>楼栋最高温度：</font>
					<font size="4" color="#00FF01">49 ℃</font>
				</div>
				<div id="temoFont_value">
					<font>楼栋最低温度：</font>
					<font size="4" color="#00FF01">12 ℃</font>
				</div>
			</div>
		</div>
		
		
		
	</div>
</body>
</html>